<template>
<uni-shadow-root class="partials-form_item-form_item_one-index"><template name="form_item_one">
<block>
<view class="form_commit_item" @click.stop.prevent="checkFormDetail" :data-item="formCommitItem">
  <view class="form_title">
    <view class="form_title_left">
      <image class="user_icon" :src="(formCommitItem.commitPlatformUserIcon)+'?x-oss-process=style/preview_120'"></image>
      <text class="user_name">{{formCommitItem.commitPlatformUserName}}</text>
    </view>
    <view class="form_title_right">
      <text class="form_type">[表单]</text>
      <text class="form_name">{{formCommitItem.belongFormName}}</text>
    </view>
  </view>
  <view class="form_description">
    <image class="form_state_icon" v-if="formCommitItem.recordStatus==1" src="https://image1.sansancloud.com/xianhua/2018_11/14/21/20/50_605.jpg?x-oss-process=style/preview_120"></image>
    <image class="form_state_icon" v-if="formCommitItem.recordStatus==0" src="https://image1.sansancloud.com/xianhua/2018_11/14/21/24/17_402.jpg?x-oss-process=style/preview_120"></image>
    <text style="color:#4bb3ff" v-if="formCommitItem.recordStatus==1">表单有效</text>
    <text style="color:#888" v-if="formCommitItem.recordStatus==0">表单未审核...</text>
  </view>
  <view class="reply" v-if="formCommitItem.reply">
    <text class="replyTitle">平台回复：</text>
    <text class="form_description_text">{{formCommitItem.reply}}</text>
  </view>
  <view class="form_commit_bottom">
    <view class="form_commit_bottom_left">
      <view class="check_record" @click="toFormRewardList" :data-id="formCommitItem.id" v-if="formCommitItem.rewardType!=0"><text>奖励记录</text></view>
    </view>
    <view class="form_commit_bottom_right">
      <image class="form_commit_icon" src="https://image1.sansancloud.com/xianhua/2018_11/14/19/58/37_380.jpg?x-oss-process=style/preview_120"></image>
      <text class="form_commit_time">{{formCommitItem.commitDate}}</text>
      <image @click="checkFormDetail" :data-id="formCommitItem.id" class="form_commit_dot" src="https://image1.sansancloud.com/xianhua/2018_11/14/21/7/48_739.jpg?x-oss-process=style/preview_120"></image>
    </view>
  </view>
</view>
</block>
</template></uni-shadow-root>
</template>

<script>

global['__wxRoute'] = 'partials/form_item/form_item_one/index'

Component({})

export default global['__wxComponents']['partials/form_item/form_item_one/index']
</script>
<style platform="mp-weixin">
.form_commit_item{
  display: flex;
  flex-direction: column;
  margin-bottom: 20rpx;
  width: 100%;
  background: #fff;
  padding: 20rpx;
  box-sizing: border-box;
}
.form_title{
  display: flex;
  flex-direction: row;
  font-size: 32rpx;
  margin-bottom: 30rpx;
  justify-content: space-between;
}
.form_title_left{
  display: flex;
  flex-direction: row;
  align-items: center
}
.form_title_right{
  display: flex;
  flex-direction: row;
  align-items: center
}
.user_icon{
  width: 50rpx;
  height: 50rpx;
  border-radius: 50rpx;
  margin-right: 10rpx;
}
.user_name{
  font-size: 30rpx;
}
.form_type{
  color: #4bb3ff;
  margin-right: 10rpx;
}
.form_name{
  font-weight: bold;
  color: #888
}
.form_description{
  font-size: 32rpx;
  margin-bottom: 30rpx;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.form_state_icon{
  width: 60rpx;
  height: 60rpx;
  margin-right: 10rpx;
}
.form_commit_bottom{
  border-top: 2rpx solid #eee;
  padding-top: 20rpx;
  display: flex;
  align-items: center;
  justify-content: space-between
}
.form_commit_bottom_right{
  display: flex;
  flex-direction: row;
  align-items: center;
}
.form_commit_bottom_left{
  display: flex;
  flex-direction: row;
  align-items: center
}
.check_record{
  width: 120rpx;
  height: 50rpx;
  border: 2rpx solid #4bb3ff;
  border-radius: 10rpx;
  margin-right: 10rpx;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 24rpx;
  background: #fff;
  justify-content: center;
  color: #4bb3ff
}
.form_commit_icon{
  width: 32rpx;
  height: 32rpx;
  margin-right: 6rpx;
}
.form_commit_time{
  font-size: 30rpx;
  color: #888
}
.form_commit_dot{
  width: 40rpx;
  height: 40rpx;
  margin-left: 20rpx;
}
.none_list{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-size: 24rpx;
  color: #888;
  padding:50rpx;
}
.replyTitle{
  width: 20%;
}
.form_description_text{
  width: 80%;
}
.reply{
  margin-bottom: 20rpx;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  font-size: 26rpx;
  color:#999;
  border:1rpx solid #ddd;
  border-radius:10rpx;
  padding:16rpx 20rpx;
}
</style>